<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
		<script type="text/javascript">
						var geocoder;
						  var map;
						  function initialize() {
							geocoder = new google.maps.Geocoder();
							var latlng = new google.maps.LatLng(-34.397, 150.644);
							var myOptions = {
							  zoom: 8,
							  center: latlng,
							  mapTypeId: google.maps.MapTypeId.ROADMAP
							}
							map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
						  }

						  function codeAddress() {
							var address = document.getElementById("address").value;
							if (geocoder) {
							  geocoder.geocode( { 'address': address}, function(results, status) {
								if (status == google.maps.GeocoderStatus.OK) {
								  map.setCenter(results[0].geometry.location);
								  var marker = new google.maps.Marker({
									  map: map,
									  position: results[0].geometry.location
								  });
								} else {
								  alert("Geocode was not successful for the following reason: " + status);
								}
							  });
							}
						  }


				</script>
	</head>
	<body onload="initialize()">
	  <div id="map_canvas" style="width: 320px; height: 480px;"></div>
	  <div>
		<input id="address" type="textbox" value="Sydney, NSW">
		<input type="button" value="Encode" onclick="codeAddress()">
	  </div>
	</body>

</html>
